// Copyright (C) 2023 Storj Labs, Inc.
// See LICENSE for copying information.

<template>
    <!-- New Icon -->
    <svg :width="size" :height="size" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
        <path v-if="!bold" :fill="color" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 1.99213C5.57737 1.99213 1.99213 5.57737 1.99213 10C1.99213 14.4226 5.57737 18.0079 10 18.0079C14.4226 18.0079 18.0079 14.4226 18.0079 10C18.0079 5.57737 14.4226 1.99213 10 1.99213ZM10 6.38583C10.2648 6.38583 10.4812 6.59336 10.4953 6.85467L10.4961 6.88189V9.5038L13.1181 9.50394C13.3921 9.50394 13.6142 9.72603 13.6142 10C13.6142 10.2648 13.4066 10.4812 13.1453 10.4953L13.1181 10.4961L10.4961 10.4959V13.1181C10.4961 13.3921 10.274 13.6142 10 13.6142C9.73516 13.6142 9.5188 13.4066 9.50467 13.1453L9.50394 13.1181V10.4959L6.88189 10.4961C6.60792 10.4961 6.38583 10.274 6.38583 10C6.38583 9.73516 6.59336 9.5188 6.85467 9.50467L6.88189 9.50394L9.50394 9.5038V6.88189C9.50394 6.60792 9.72603 6.38583 10 6.38583Z" />
        <path v-else :fill="color" d="M10 1C14.9706 1 19 5.02944 19 10C19 14.9706 14.9706 19 10 19C5.02944 19 1 14.9706 1 10C1 5.02944 5.02944 1 10 1ZM10 2.65C5.94071 2.65 2.65 5.94071 2.65 10C2.65 14.0593 5.94071 17.35 10 17.35C14.0593 17.35 17.35 14.0593 17.35 10C17.35 5.94071 14.0593 2.65 10 2.65ZM10.7496 6.8989L10.7499 6.91218L10.7499 9.223H12.9926C13.4529 9.223 13.8302 9.58799 13.8456 10.048C13.8602 10.4887 13.5148 10.8579 13.0741 10.8726L13.0608 10.8729L10.7499 10.873L10.75 13.171C10.75 13.6266 10.3806 13.996 9.925 13.996C9.48048 13.996 9.11807 13.6444 9.10066 13.2042L9.1 13.171L9.09985 10.873H6.802C6.34637 10.873 5.977 10.5036 5.977 10.048C5.977 9.60348 6.32857 9.24107 6.76882 9.22366L6.802 9.223H9.09985L9.1 6.98036C9.1 6.5201 9.46499 6.14276 9.925 6.12745C10.3657 6.11279 10.7349 6.45818 10.7496 6.8989Z" />
    </svg>
</template>

<script setup lang="ts">
const props = withDefaults(defineProps<{
    color?: string;
    size?: number | string;
    bold?: boolean;
}>(), {
    color: 'currentColor',
    size: 20,
    bold: false,
});
</script>
